<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- reset.css是用于消除默认样式的 -->
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" href="css/footer.css">
		<link rel="shortcut icon" href="images/favicon.ico"/>
	</head>
	<body>
		<!-- 整体框 -->
		<div class="web">
			<!-- 头部信息 开始 -->
			<header>
				<div class="content">
					<!-- 头顶的文字介绍 -->
					<div class="c_top">
						<ul>
							<li>关于我们<span>|</span></li>
							<li>联系我们<span>|</span></li>
							<li>中文版<span>|</span></li>
							<li>English<span>|</span></li>
							<li>微博入口<span>|</span></li>
							<li>敦冠视像</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div class="dot">
						<!-- 左边logo展示 -->
						<div class="logo fl">
							<img src="images/logo.png" alt="">
						</div>
						<!-- 右边导航栏 -->
						<div class="c_right fr">
							<ul>
								<li class="active"><a href="index.html">首项</a><span></span></li>
								<li><a href="weblist.html">网页列表页</a><span></span></li>
								<li><a href="details.html">详情页面</a><span></span></li>
								<li>商业系统<span></span></li>
								<li>客户服务<span></span></li>
								<li>产品与科技<span></span></li>
								<li>工程案例<span></span></li>
								<li>资讯</li>
								<div class="clear"></div>
							</ul>
						</div>
						
					</div>
				</div>
			</header>
			<!-- 头部信息 结束 -->
			
			<!-- 只为你提供卓越 开始-->
			
			<div class="foryou">
				<!-- 背景图里面的内容 -->
				<div class="backg">
					<!-- <div><img src="images/back1_02.png" alt=""></div> -->
					
					<div><img src="images/back2_02.png" alt="">
					     <!-- 背景图文字设置 -->
					    <div class="c_foryou">
							<!-- 耳机显示 -->
					        <div class="erji"><img src="images/erji_02.png" alt=""></div>
					        <!-- 耳机旁边的文字显示 -->
					        <div class="banner">
					    	    <p>TOPCRESTA& V SOLUTION THE BEST FOR YOU!</p>
					    	    <span class="span1 fr">只为您提供卓越</span>
								<!-- 按钮设置 -->
					    	    <div class="button1">
					    		    <a href=""><button type="button" class="but1">点击购买</button></a>
									<!-- <span class="as"></span> -->
					    		    <a href=""><button type="button" class="but2">了解更多</button></a>
									
					    	    </div>
								<div class="clear"></div>
					        </div> 
							
							<!-- 关于我们 -->
							<div class="aboutus">
								<p>关于我们</p>
								<span class="span2">
									<span>敦冠影音，在家庭影院定制设计安装，影院音视频设计领域处于行业领先地位的公司，致力于引进国际先进家庭影院，杜比全景声影院，视听娱乐系统，推广世界知名音响产品，提供智能，舒适，全面，安全的全宅音视频影院集成方案。凭借超过十年的从业经验，已经成为一家集家庭影院音响品牌代理，影音设备供应，影音系统咨询设计，工程安装，项目监理为一体的规模化企业。我司为众多高档别墅，高端会所，星级酒店等场所，从多角度全方面、定制设计出的智能影院音视频系统，获得业界内及客户极高的赞誉。我们专注于为客户提供全方位的,即时的,真诚的售后服务。</span>
								</span>
							</div>
							<!-- 右下角 的银色耳机 -->
							<div class="yerji">
								<img src="images/yerji_05.png" alt="">
							</div>
						</div> 
					</div>
					
					
				</div>
				
			</div>
			<!-- 只为你提供卓越 结束-->
			
			<!-- 我们能做什么 开始 -->
			<div class="cando">
				<div class="c_cando">
					<!-- 头部的标题 -->
					<div class="c_cando_top">
						<p>WHAT WE DO</p>
						<span>我们能做什么</span>
					</div>
					<!-- 三个图标信息 -->
					<div class="tubiao">
						<div class="icon icon1">
							<img src="images/tubiao1_11.png" alt="">
							<p class="span2">免费安装</p>
							<div>敦冠影音，在家庭影院定制为用户提供免费安装安装，为您的生活提供便捷方便的服务。</div>
						</div>
						<div class="icon icon2">
							<img src="images/tubiao1_11.png" alt="">、
							<p class="span2">定制设计</p>
							<div>敦冠影音，在家庭影院定制为用户提供免费安装安装，为您的生活提供便捷方便的服务。</div>
						</div>
						<div class="icon icon3">
							<img src="images/tubiao1_11.png" alt="">
							<p class="span2">售后保障</p>
							<div>敦冠影音，在家庭影院定制为用户提供免费安装安装，为您的生活提供便捷方便的服务。</div>
						</div>
					</div>
					
				</div>
			</div>
			<!-- 我们能做什么 结束 -->
			
			<!-- 最新资讯new 开始 -->
			<div class="new">
				<!-- new里面的内容设置 -->
				<div class="newmain">
					<div class="new_top">
						<p>最新资讯 NEW</p>
						<!-- 最新资讯下面的横线 -->
						<div class="hengxian">
							<img src="images/hengxian_06.png" alt="">
						</div>	
					</div>
					
					<!-- 6个耳机链接 -->
					<div class="music">
						<div class="music1">
							<div class="box">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
							<div class="box fro">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
							<!-- <div class="clear"></div> -->
						</div>
						<div class="music1">
							<div class="box">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
							<div class="box fro">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
						</div>
						<div class="music1">
							<div class="box">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
							<div class="box fro">
								<img src="./images/music_03.png" alt="">
								<div>
									<span>[音视频工程]敦冠科技独家承建中兴通讯公司工厂宴会厅音视频系统.</span>
									<em class="fr">[2015-10-12]</em>
								</div>
								
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<!-- 最新资讯new 结束 -->
			
			<!-- 产品与科技 开始 -->
			<div class="science">
				<!-- 里面的内容图片设置 -->
				<div class="sciencemain">
					<div class="new_top">
						<p>产品与科技</p>
						<!-- 最新资讯下面的横线 -->
						<div class="hengxian">
							<img src="images/hengxian_06.png" alt="">
						</div>	
					</div>
					
					<div class="tupainzhanshi">
						<div class="tupian tupian1">
							<img src="./images/c_erji_13.jpg" alt="">
						</div>
						<div class="tupian tupian2">
							<img src="images/shuangyinxiang_13.jpg" alt="">
						</div>
						<div class="tupian tupian3">
							<img src="images/c_yinxiang_13.jpg" alt="">
						</div>
					</div>
				</div>
			</div>
			<!-- 产品与科技 结束 -->
			
			<!-- 脚步部分 开始 -->
			<footer>
				<!-- 脚部上部分 -->
				<div class="footmain">
					<!-- 左边的二维码联系方式 -->
					<div class="footleft">
						<div class="erweima">
							<img src="images/erweima_07.jpg" alt="">
							<p>扫描二维码了解更多内容</p>
						</div>
						<!-- 联系方式 -->
						<div class="lianxi">
							<p>联系方式:</p>
							<div>
								<img src="images/callup_07.png" alt="">
								<span>0755-25023651  0755-25023653</span><br>
								<span style="padding-left: 18px;">0755-25023651  0755-25023653</span>
							</div>
							<div>
								<img src="images/mail_07.jpg" alt="">
								<span>12311231@qq.com</span>
							</div>
							<div>
								<img src="images/mapup_07.png" alt="">
								<span>深圳市深南中路绿景广场(NEO企业大道)B栋32F</span>
							</div>
						</div>
					</div>
					<!-- 用户反馈留言 -->
					<div class="footright">
						<p>用户反馈：</p>
						<form action="">
							<input type="text" value="" placeholder="请输入你的">
							<input type="text" value="" placeholder="你的电子邮件"><br>
							<input type="text" placeholder="请输入一个标题"><br>
							<textarea>
							</textarea>
							
							<input type="button" value="留言">
						</form>
					</div>
				</div>
				<!-- 公司名称提示 -->
				<div class="company">
					<div class="sanjiao">
						<!-- <img src="images/sanjiao_22.png" alt=""> -->
					</div>
					<div class="span5">
						<center><span>深圳市敦冠科技有限公司</span><span>Shenzhen Topcrest Technology Co.,Ltd</span></center>
						<div>
							<p>Shenzhen Topcrest Technology Co.,Ltd .All Rights Reserved / Powered By Ciya Interactive  粤ICP备09077069号-2</p>
						</div>
						
					</div>
					
				</div>
			</footer>
			<!-- 脚步部分 结束 -->
			
			
		</div>
		
	</body>
</html>
